<!DOCTYPE html>
<html>
<head>
  <title>WEBRTC Demo</title>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <link href='./css/bootstrap.css' rel="stylesheet">
  <link href='./css/style.css' rel='stylesheet'>
  <link rel="stylesheet" href="../assets/css/pure-min.css">
  <link rel="stylesheet" href="../assets/css/baby-blue.css">
</head>
<body>

  <!-- 登录  -->
  <div id="input-container" class="container">
    
    <div class="login-box">
      <div class="form-group">
        <div class="hide">
          <label for="sdkappid">SDKAPPID:&nbsp;</label>
          <input class="form-control" id="sdkappid" type="text" value="1400037025" />
        </div>
          <label for="userId">用户名:</label>
          <input class="form-control" id="userId" type="text" value="" />
          <label for="room-number">房间号:</label>
          <input class="form-control" id="roomid" type="text" value="100909">
      </div>

      <button class="btn btn-default" type="button" onclick="push()">画布分享</button>
    </div>
  </div>
  <!-- 登录  -->

  <!-- RTC  -->
  <div id="video-section" style="display: none">
      <br />
        <button class="btn btn-default" type="button" onclick="start()">开始推流</button>
        <button class="btn btn-default" type="button" onclick="stop()">结束推流</button>

        <div id="remote-video-wrap">

        </div>
        <canvas id="clock" width="400" height="400" style="display: block;margin: auto;margin-top: 100px;">
          <span>你的浏览器不支持canvas元素，换个浏览器试试吧</span>
        </canvas>
    </div>
  </div>
  <!-- RTC  -->

  <!-- jquery Demo用到，WebRTCAPI不依赖 -->
  <script src="../assets/libs/jquery.min.js"></script>
  <script src="../assets/libs/vconsole.min.js"></script>
  <script>
    // var vConsole = new VConsole();
  </script>
  <script src="../dist/WebRTCAPI.min.js"></script>
  <script>
    document.write('<script src="./js/index.js?v='+new Date()+'" type="text/javascript"></scr'+'ipt>')
  </script>
    <script>
        var _mtac = {"senseHash":0};
        (function() {
            var mta = document.createElement("script");
            mta.src = "//pingjs.qq.com/h5/stats.js";
            mta.setAttribute("name", "MTAH5");
            mta.setAttribute("sid", "500538821");
            mta.setAttribute("cid", "500538834");
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(mta, s);
        })();
    </script>
<!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-121844058-1"></script> <script>   window.dataLayer = window.dataLayer || [];   function gtag(){dataLayer.push(arguments);}   gtag('js', new Date());    gtag('config', 'UA-121844058-1'); </script></body>
</html>
